<?php
require 'header.php';
require 'includes/db.php';
?>
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
    <!--<![endif]-->
    <head>


    <div class="clear"></div>
</section>
</div>
<div class="clear"></div>
</header>
<div id="bg-image" style="background-image:url(images/our_team.jpg);">
    <div id="pagetitle-wrap" style="background-color:#39c983;">
        <h1 class="pagetitle">Our Team</h1>
        <div class="clear"></div>
    </div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<!-- END HEADER --> 

<!-- MAIN CONTENT -->
<div id="outermain">
    <div class="container">
        <div class="row">
            <section id="maincontent" class="nine columns positionleft">
                <section class="content">
                    <h2 class="title-heading color_green">Who We Are</h2>
                    <p> There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>
                    <p> All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable.There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
                    <br>
                    <br>
                    <br>


                    <div class="bottomlines"></div>      
                    <!--team codes starts-->

                    <div class="team">

                        <h3>MEET OUR TEAM</h3>
                        <div class="clear"></div>

                        <ul>
                            <?php
                            $sql = mysql_query("SELECT * FROM our_team WHERE status='1'");
                            while ($data = mysql_fetch_assoc($sql)) {
                                ?>
                                <li><img src="admin/upload/<?= $data['image'] ?>" alt="" class="img-circle" /><br /><strong><?= $data['name'] ?></strong><br /><span><?= $data['designation'] ?></span><div class="clear"></div>
                                    <ul>
                                        <li><a href="<?= $data['fb_id'] ?>"><img src="images/2.png" alt=""/></a></li>
                                        <li><a href="<?= $data['twitter_id'] ?>"><img src="images/1.png" alt=""/></a></li>
                                        <li><a href="<?= $data['ln_id'] ?>"><img src="images/3.png" alt=""/></a></li>

                                    </ul>
                                    <div class="clear"></div>


                                    <p><?= $data['description'] ?></p>
                                </li>

                            <?php } ?>
                            <div class="clear"></div>
                            <!--team codes ends-->

                        </ul>
                    </div>
                    <div class="clear"></div>
                </section>
            </section>
        </div>
    </div>
</div>
<!-- END MAIN CONTENT --> 

<!-- BOTTOM -->
<div id="outerbottom">
    <div id="bottomcontainer">
        <div class="container">
            <div class="row">
                <div class="bottom-container twelve columns">
                    <div id="main-ticker">
                        <!--<ul id="ticker">
                          <li><a href='#'>Japanese Economy Signaling a Slowdown</a></li>
                          <li><a href='#'>A Mutual Fund Master, Too Worried to Rest</a></li>
                          <li><a href='#'>Americans feeling better about economic</a></li>
                          <li><a href='#'>Economic Reports for the Week Ahead</a></li>
                          <li><a href='#'>Treasury Auctions Set for This Week</a></li>
                        </ul>-->
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END BOTTOM--> 

<!-- FOOTER -->
<footer id="footer"> 
    <?php require 'footer.php'; ?>
</footer>
<!-- END FOOTER -->
<div class="clear"></div>
<!-- clear float --> 
</div>
<!-- end outercontainer --> 
</div>
<!-- end bodychild --> 

<!-- ////////////////////////////////// --> 
<!-- //      Javascript Files        // --> 
<!-- ////////////////////////////////// --> 
<!--<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> -->

<!-- jQuery Superfish --> 
<script type="text/javascript" src="js/hoverIntent.js"></script> 
<script type="text/javascript" src="js/superfish.js"></script> 
<script type="text/javascript" src="js/supersubs.js"></script> 

<!-- jQuery Dropdown Mobile --> 
<script type="text/javascript" src="js/tinynav.min.js"></script> 

<!-- Custom Script --> 
<script type="text/javascript" src="js/custom.js"></script> 

<!-- jQuery Flex Slider --> 
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script> 
<script type="text/javascript">
    jQuery(window).load(function() {
        jQuery('#postgallery').flexslider({
            animation: "fade",
            touch: true,
            animationDuration: 6000,
            directionNav: true,
            controlNav: false
        });

        jQuery('#galleryitems').flexslider({
            animation: "fade",
            touch: true,
            animationDuration: 6000,
            directionNav: false,
            controlNav: true
        });

    });
</script> 

<!-- jQuery PrettyPhoto --> 
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script> 

<!-- jQuery News Flash --> 
<script type="text/javascript" src="js/jquery.carouFredSel.js"></script>
</body>
</html>
